<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/home/home.css" />
		<link rel="stylesheet" href="../../css/vCloak.css" />
	</head>

	<body id="imgWrap" style="width:100%;height: 100%;">
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<div id="hoems">
		<header class="mui-bar mui-bar-nav header">
			<!--<span class="mui-pull-left location"></span>-->
			<h1 class="mui-title">一起阅读</h1>
			<!--<a class="mui-pull-right saoma" href="xianqing.html"><img src="../../imges/366961394183948353.png" /></a>-->
		    <div class="mui-pull-right saoma clsopen" href="news.html">
		    	
			<a v-if="judgeUnReadMessage != 0" v-text>{{judgeUnReadMessage}}</a> <img src="../../imges/xinxi.png" />
			</div>
		</header>
		<div class="mui-content">
			<!--广告-->
			<div class="marquee">
				<div class="laba"><img src="../../imges/laba.png" /></div>
				<ul class="marquee_ul">
					<li class="marquee_li" v-for="notice in notice" v-cloak>{{notice}}</li>
					<!--<<li class="marquee_li">莱昂纳多刚刚完成了《狼王梦》的阅读计划。</li>
					<li class="marquee_li">莱昂纳多刚刚完成了《狼王梦》的阅读计划。</li>-->
				</ul>
			</div>
			<div id="offCanvasContentScroll" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<!--轮播-->
					<div id="slider" class="mui-slider">
						<div class="mui-slider-group mui-slider-loop">
							<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#">
									<img :src="imgurl" />
								</a>
							</div>
							<!-- 第一张 -->
							<div class="mui-slider-item" v-for="items in list">
								<a href="#">
									<img :src="items.url" />
								</a>
							</div>
							<!-- 第二张 -->
							<!--<div class="mui-slider-item">
								<a href="#">
									<img src="../../imges/238238949993161649.png" />
								</a>
							</div>-->
							<!-- 第三张 -->
							<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#">
									<img :src="imgurl" />
								</a>
							</div>
						</div>
						<div class="mui-slider-indicator">
							<div class="mui-indicator mui-active"></div>
							<div class="mui-indicator"></div>
						</div>
					</div>
					<div>
						<div class="recommend">
							<div class="recommendedbooks">推荐书籍</div>
							<div class="more">查看更多</div>
						</div>
						<div class="books">

							<div v-for="aa in books" :bookid="aa.bookId"  :bookuid="aa.bookUid" class="classbooks">
								<div class="booksimg"><img :src="aa.bookPic" /></div>
								<div class="booksname" v-cloak>{{aa.bookName}}</div>
							</div>
						</div>
					</div>

					<div class="main">
						<div class="modular read clsopen" href="../reading/TeacherProgram.html">
							<div class="read_img"><img src="../../imges/Group 14910.png"></div>
							<div class="read_text">
								<div class="read_title">阅读计划</div>
								<div class="read_main">磨刀不误砍柴工，来制定个计划吧！</div>
							</div>
							<div>
								<a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
								<!--<div class="reada">1</div>-->
							</div>

						</div>
						<div class="modular readsquare">
							<div class="readsquare_img"><img src="../../imges/66646895766875147.png" /></div>
							<div class="read_text">
								<div class="read_title">一起朗读</div>
								<div class="read_main">和小伙伴一起大声读出来</div>
							</div>
							<a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
							<!--<div class="readb">13</div>-->
						</div>
						<div class="modular master clsopen" href="read.html">
							<div class="master_img"><img src="../../imges/Group 1103.png" /></div>
							<div class="read_text">
								<div class="read_title">阅读达人榜</div>
								<div class="read_main">每天进步一点点,你也能上榜</div>
							</div>
							<a class="mui-icon mui-icon-arrowright mui-pull-right"></a>
							<!--<div class="readc" >13</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>	
		<!--<a href="../reading/TeacherProgram.html"></a>-->
		
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/home/home.js"></script>
		<script>
//			var wv = plus.webview.currentWebview('../loginregistration/login.html');
//					// 关闭侧滑返回功能
//					wv.setStyle({
//						'popGesture': 'none'
//					});

		</script>
	</body>

</html>